body {
    overflow-x: hidden;
    background: #fff;
    font-family: 'Roboto';
    line-height: 1.7;
}

.mock-data {
    width: 80%;
    margin: 150px auto;
}

.rowLandingElement {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.rowLandingElement::after {
    content: '';
    display: block;
    clear: left;
    margin-bottom: 15px;
}

.first,
.center,
.last {
    float: left;
    width: 25%;
    height: 200px;
    line-height: 200px;
    margin: auto 2.5%;
    text-align: center;
    border-radius: 3px;
}

.first {
    background-image: linear-gradient(60deg, #abecd6 0%, #fbed96 100%);
}

.center {
    background-color: green;
    background-image: linear-gradient(60deg, #96deda 0%, #50c9c3 100%);
}

.last {
    background-color: green;
    background-image: linear-gradient(to top, #c79081 0%, #dfa579 100%);
}